<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 客户管理</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- FooTable -->
   <!--  <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>客户管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="investor/list">投资人管理</a>
                        </li>
                        <li class="active">
                            <strong>投资人列表</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>

        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li class="active">
					<a href="investor/list">
						 投资人列表
					</a>
				</li>
				<li>
					<a href="investor/add">
						 新增投资人
					</a>
				</li>
				<li>
					<a href="investor/group">
						 投资人组别
					</a>
				</li>
	        </ul>
		<div class="tab-content">
              <div class="tab-pane active">
                  <div class="panel-body">
                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
		<form action="list" id="queryForm" name="queryForm" method="post" class="myform">
            <div class="ibox-content m-b-sm border-bottom">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="order_id">姓名</label>
                            <input type="text" id="order_id" name="name" value="" placeholder="姓名" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="status">证件号</label>
                            <input type="text" id="status" name="idCard" value="" placeholder="身份证号" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="customer">手机号</label>
                            <input type="text" id="customer" name="mobile" value="" placeholder="手机号" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_added">注册时间</label>
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input id="date_added" type="text" name="startTime" class="form-control" data-date-format="yyyy-mm-dd"  >
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_modified">&nbsp;</label>
                            <div class="input-group date">
                            	   <span class="input-group-addon">至 <i class="fa fa-calendar"></i></span><input id="date_modified" type="text" name="endTime" class="form-control" data-date-format="yyyy-mm-dd"  >
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="depart">所属组别</label>
                            <select class="form-control m-b" name="groupId" id="groupId">
	                            <option value="">所有</option>
	                            <c:forEach items="${groupList}" var ="list" varStatus="status">
	                           		 <option value="${list.id}">${list.name}</option>
	                            </c:forEach>
                            </select>
                        </div>
                    </div>
                </div>
				<div class="row">
					<div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="amount">理财师姓名</label>
                            <input type="text" id="amount" name="employeeName" value="" placeholder="姓名" class="form-control">
                        </div>
                    </div>
					<div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="amount">理财师工号</label>
                            <input type="text" id="amount" name="employeeNo" value="" placeholder="工号" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="depart">理财师团队</label>
                            <input type="hidden" id="urls" name="empGroup"/> 
                            <input type="text" readOnly="true" id="dept" name="department" autocomplete="off" placeholder="点击选择理财师团队" class="form-control">
                            <div id="empGroupTree" class="popup">
                        </div>
                    </div>
				</div>
				<p class="col-sm-offset-5">
					<!-- <button type="button" class="btn btn-outline btn-primary"><a href="investor/add">新增</a></button> -->
					<button type="button" id="btn_query" class="btn btn-primary">查询</button>
					<button type="reset" class="btn btn-outline btn-default" id="btn_reset" >重置</button>
                </p>
            </div>
		</form>
	            <div class="row">
	                <div class="col-lg-12">
							 <div class="ibox float-e-margins">
		                        <div class="ibox-content">
		                            <table id="modelEditable"  style="width:100%;" class="table table-striped table-bordered table-hover" >
		                                <thead>
		                                <tr>
		                                    <th style="background-color:white;" class="sorting_disabled">姓名</th>
		                                    <th style="background-color:white;">性别</th>
		                                    <th style="background-color:white;">证件号</th>
		                                    <th style="background-color:white;">联系电话</th>
		                                    <th style="background-color:white;">理财师团队</th>
		                                    <th style="background-color:white;">理财师</th>
		                                    <th style="background-color:white;">注册时间</th>
		                                    <th style="background-color:white;">邀请码</th>
		                                    <th style="background-color:white;">操作</th>
		                                </tr>
		                                </thead>
		                                <tbody>
		                                </tbody>
		                            </table>
		
		                        </div>
		                    </div>
	                </div>
	            </div>
		  </div>
	     </div>
	    </div>
	   </div>
	  </div>
	</div>
        </div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>



    <!-- Mainly scripts -->
   
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
     <!-- 业务js -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>
    <script src="js/investor/list.js?v=${jsVersion}"></script>
    <script src="js/popup-layer.js"  type="text/javascript"></script>
	<!-- FooTable -->
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
        	InvestorModule.init();
           // $('.footable').footable();

            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

            $('#date_modified').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });
         // 下拉框中弹出部分树
        	var pop = new PopupLayer({trigger:"#dept",popupBlk:"#empGroupTree"});
        	pop.init(pop);

        });

    </script>

</body>

</html>
